<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>

<style type="text/css">

#board-list-item li {
position: relative;
width: 548px;
height:300px;
border-bottom: 1px solid #EBDDD4;
color: inheret;
}
#board-list li div.number,
#board-list li div.date,
#board-list li div.hits {
top: 7px;
}
#board-list li div.title {
padding-top: 7px;
padding-bottom: 5px;
}
#board-list div.number {
position: absolute;
left: 0;
width: 79px;
text-align: center;
}
#board-list div.title {
margin-left: 90px;
width: 297px;
}
#board-list div.date {
position: absolute;
right: 57px;
width: 92px;
text-align: center;
}
#board-list div.hits {
position: absolute;
right: 0;
width: 57px;
text-align: center;
}
div.freeboard-item div.name {
position: absolute;
top: 10px;
right: 150px;
width: 55px;
height: 1.5em;
text-align: center;
overflow: hidden;
}
div.freeboard-item div.title {
width: 252px !important;
}
</style>
</head>

<body>
<div id="board-list" class="freeboard-item">
	<ul id="board-list-item">
		<li>
			<div class="number">
				26
			</div>
			<div class="title">
				<a href="view.jsp?articleSeq=271">자연속 </a>
			</div>
			<div class="name">
				김치홍
			</div>
			<div class="date">
				2005-11-16
			</div>
			<div class="hits">
				22
			</div>
		</li>
	</ul>
</div>
</body>
</html>